<html>
<head>
<title>Pinnacle Books | Item Details</title>
<link rel="shortcut icon" href="/public/images/fav.ico" />
<link rel="stylesheet" href="/public/stylesheets/main.css" 	type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="/public/fancybox/jquery.fancybox.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://openlibrary.org/api/books?bibkeys=ISBN:${isbn}&jscmd=data"></script>
<script type="text/javascript" src="/public/fancybox/jquery.fancybox.js"></script>
<script>
	var data = _OLBookInfo;
	$(document).ready(function(){
		$("#author").append(data["ISBN:${isbn}"]['authors'][0]['name'].toString());
		$("#publisher").append(data["ISBN:${isbn}"]['publishers'][0]['name'].toString());
		$('.fancybox').fancybox();
	});
</script>
</head>

<body>
	<div id="container">
		<!--Page Header-->
		#{include 'header.html'/}

		<!--Page Content-->
		<div id="content">

			<!--Page Title-->
			<br /> <img src="/public/images/layout/header_search.jpg" />
		
			<div class="title">Item Details</div>
			<div class="bestseller">
			<table>
				<tr>
					<td><img src="http://covers.openlibrary.org/b/isbn/${isbn}.jpg" class="list_img" /></td>
					<td>
						<table>
							<tr>
								<td><b>Title:</b></td>
								<td>${itemType.title}</td>
							</tr>
							<tr>
								<td><b>Description:</b></td>
								<td>${itemType.description}</td>
							</tr>
							<tr>
								<td><b>ISBN:</b></td>
								<td>${isbn}</td>
							</tr>
							<tr>
								<td><b>Author:</b></td>
								<td><div id="author" style="display:inline"></div></td>
							</tr>
							<tr>
								<td><b>Publisher:</b></td>
								<td><div id="publisher" style="display:inline"></div></td>
							</tr>
							#{if !user}	
							<tr>
								<td colspan="2">	
									<a class="fancybox fancybox.iframe" href="http://cgi.sandbox.ebay.com/item/${itemType.itemID}"><button>Buy Item</button></a>
								</td>
							</tr>
							#{/if}
						</table>
					</td>
				</tr>
			</table>
		
			</div>
		</div>

		<!--Page Footer-->
		#{include 'footer.html'/}
	</div>
</body>
</html>		